<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        window.onload=function()
        {
            /*
            //手机类 ES5的实例化构造函数对象
            function Phone(brand,price)
            {
                this.brand=brand;
                this.price=price;
            }

            //添加方法
            Phone.prototype.call=function()
            {
                console.log("我可以打电话");
            }

            //实例化对象
            let Huawei=new Phone("华为","5999");
            console.log(Huawei);
            Huawei.call();
            */
            
            //ES6 class实现实例化对象
            class Phone{
                //构造方法 这是特殊构造方法，名字不能修改，当创建实例对象，该方法就会自动执行
                constructor(brand,price){
                    this.brand=brand;
                    this.price=price;
                }
                //添加方法必须使用该语法，不能使用ES5的对象完整形式
                call(){
                    console.log("我可以打电话");
                }
                message(){
                    console.log("我可以发短信");
                }
            }

            let onePlus=new Phone("1+",1999);
            let oppo=new Phone("oppo",4999);
            onePlus.call();
            oppo.message();
        };
    </script>
</head>
<body>
    
</body>
</html>